HeaderMain   A
last analyzed

Complexity

Total Complexity 3

Size/Duplication

Total Lines 24
Duplicated Lines 0 %

Importance

Changes 0
Metric Value
wmc 3
eloc 20
dl 0
loc 24
rs 10
c 0
b 0
f 0

2 Functions

Rating   Name   Duplication   Size   Complexity  
A render 0 15 1
A login 0 6 2
1
import React from 'react';
2
import Link from "./Link.js";
3
4
class HeaderMain extends React.Component {
5
6
    login(){
7
        if(localStorage.getItem('user') == "" || localStorage.getItem('user') == null){
8
            return <Link url="/login" text="Login" class="header_link"/>
9
        }
10
        return <Link url="/login" text="Logout" class="header_link"/>  
11
    }
12
13
    render() {
14
        return <header className="App-header">
15
            <div className="link_container">
16
                <Link exact url="/" text="Home" class="header_link"/>
17
                <Link url="/reports/week/1" text="Reports" class="header_link"/>
18
                <Link url="/register" text="Register" class="header_link"/>
19
                <Link url="/chat" text="Chat" class="header_link"/>
20
                {this.login()}
21
                {localStorage.getItem('user')}
22
23
                
24
                
25
            </div>
26
        </header>
27
    }
28
}
29
30
class HeaderReports extends React.Component {
31
    render() {
32
        return <div className="header_reports">
33
            <Link url="/reports/week/1" text="Week1" className="report_week_link"/>
34
            <Link url="/reports/week/2" text="Week2" className="report_week_link"/>
35
            <Link url="/reports/week/3" text="Week3" className="report_week_link"/>
36
            <Link url="/reports/week/4" text="Week4" className="report_week_link"/>
37
            <Link url="/reports/week/5" text="Week5" className="report_week_link"/>
38
            <Link url="/reports/week/6" text="Week6" className="report_week_link"/>
39
            <Link url="/reports/week/7" text="Week7" className="report_week_link"/>
40
41
            
42
        </div>
43
    }
44
}
45
46
export {
47
    HeaderMain, HeaderReports
48
}